import React  from 'react';
import {Layout, theme } from 'antd';
import Head from '../../component/header';
import Side from '../../component/sider';
import MyBreadcrumb from '../../component/breadCrumb';
const { Content, Footer} = Layout;
import { Outlet } from 'react-router-dom';
export default function Home() { 
  const {
    token: { colorBgContainer, borderRadiusLG },
  } = theme.useToken();

  return (
    <Layout style={{ minHeight: '100vh' }}>
      <Side/>
      <Layout>
        <Head/>
        <MyBreadcrumb/>
        <Content style={{ margin: '0 16px' }}>
          <div
            style={{
              padding: 24,
              minHeight: 360,
              background: colorBgContainer,
              borderRadius: borderRadiusLG,
            }}
          >
            <Outlet/>
          </div>
        </Content>
        <Footer style={{ textAlign: 'center' }}>
          Ant Design ©{new Date().getFullYear()} Created by Ant UED
        </Footer>
      </Layout>
    </Layout>
  );
};

